<link href="/assets/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="/assets/owl-carousel/owl.theme.css" rel="stylesheet">

<script type="text/javascript" src="/assets/owl-carousel/assets/js/jquery-1.9.1.min.js"></script>
<link href="/assets/owl-carousel/assets/js/google-code-prettify/prettify.css" rel="stylesheet">



<script type="text/javascript" src="/assets/owl-carousel/owl.carousel.min.js"></script>

<script type="text/javascript">
  jQuery(document).ready(function($) {

    
    var owl = $("#owl-demo");

        owl.owlCarousel({
            items : 10, //10 items above 1000px browser width
            itemsDesktop : [1000,5], //5 items between 1000px and 901px
            itemsDesktopSmall : [900,3], // betweem 900px and 601px
            itemsTablet: [600,2], //2 items between 600 and 0
            itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
        });

  });
  
</script>


        
        <div id="owl-demo" class="owl-carousel owl-theme">
            <div class="item"><h1>1</h1></div>
            <div class="item"><h1>2</h1></div>
            <div class="item"><h1>3</h1></div>
            <div class="item"><h1>4</h1></div>
            <div class="item"><h1>5</h1></div>
            <div class="item"><h1>6</h1></div>
            <div class="item"><h1>7</h1></div>
            <div class="item"><h1>8</h1></div>
            <div class="item"><h1>9</h1></div>
            <div class="item"><h1>10</h1></div>
            <div class="item"><h1>11</h1></div>
            <div class="item"><h1>12</h1></div>
            <div class="item"><h1>13</h1></div>
            <div class="item"><h1>14</h1></div>
            <div class="item"><h1>15</h1></div>
            <div class="item"><h1>16</h1></div>
        </div>
